<template>
    <div>
        <div class="photo">
            <vue-preview :slides="photos" ></vue-preview>
            
        </div>
        <p class="photo_cot">西施，越国美女，一般称其为西施，后人尊称其“西子“。春秋末期出生于越国苎萝村(今浙江省诸暨市苎萝村)，自幼随母浣纱江边，故又称“浣纱女”。她天生丽质、秀媚出众，是美的化身和代名词。当时越国称臣于吴国，越王勾践卧薪尝胆，谋复国。在国难当头之际，西施忍辱负重，以身救国，与郑旦一起被越王勾践献给吴王夫差，成为吴王最宠爱的妃子，乱吴宫，以霸越。在吴越之争硝烟散尽之后，美女西施的结局不得知。</p>
        <comment></comment>
    </div>
</template>
<script >
    import comment from '../subcomponents/Comment.vue'
    export default {
        data(){
        return {
            page:this.$route.params.page,
            photos:[]
            }
        },
        created(){
            this.getPhotos()
        },
        methods:{
            getPhotos(){
                this.$http.get('meituApi?page='+this.page).then(ret=>{
                    ret.body.data.forEach(item=>{
                        item.w=600
                        item.h=400
                        item.src=item.url
                        item.msrc=item.url
                    })
                    this.photos=ret.body.data
                })
            }
        },
        components:{
            comment
        }
    }

</script>

<style lang="scss" >
    .photo{
        .my-gallery{
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
             &:after{
                content:'';
                flex: auto;
            } 
        figure{
                width: 80px;
                margin: 0px 5px;
                box-shadow: 0 0 10px #ccc;
            img{
                height: 80px;
                width: 80px;
                vertical-align: middle;
                }
            }
        }
    }

    .photo_cot{
        text-indent: 24px;
        color: #867373;
        text-align: justify;
        margin: 30px 0 30px 0;
    }

</style>